/* Site-specific styles */
.wrapper { padding-top: 97px; }

.breadcrumb { position: relative !important; background-color: #f8f8f9; font-size: 0.9em; }

.navbar-brand.navbar-logo-bigger > img { width: 150px; margin-top: -45px; }

.topbar .top-nav button { padding: 5px 0 6px 0; }
.topbar .top-nav .country-selector { padding: 0; }
.topbar .top-nav .country-selector li.primair { background-color: #b5b9bf; }
.topbar .top-nav .country-selector li.primair a { color: white; line-height: 1.6; }
.topbar .top-nav .country-selector li.primair:hover a { background-color: #a2b741; }
.topbar .top-nav .country-selector li.secundair:hover a { background-color: #e1e3e5; }
.topbar .top-nav .dropdown-menu { background-color: #f8f8f9; }

.navbar-default .navbar-nav > li > a { color: #006bb0; }

.dropdown-menu li { background-color: #f8f8f9; }

#sidebar-nav li { background-color: #f8f8f9; /* &.hassubs a:before	{content: "\f107"; font-family:'Font Awesome 5 Pro'; float: right} */ }
#sidebar-nav li a { /*font-weight: bold;*/ color: #006bb0; padding-top: 5px !important; }
#sidebar-nav li a:hover { color: white; background-color: #6A737E; }
#sidebar-nav li.active a:before, #sidebar-nav li:hover a:before { float: right; width: 10px; height: 10px; content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>'); }
#sidebar-nav li.active li a:before { content: ""; }
#sidebar-nav li li:hover a:before { float: right; width: 10px; height: 10px; content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>'); }
#sidebar-nav li ul a { padding: 0 5px 5px 30px; }

.country-selector { width: 400px; /* li	{float: left; width: 33%;} */ }
.country-selector li.primair a { color: #006bb0; }
.country-selector li.secundair a { white-space: normal; }

footer .container { padding: 0 15px !important; }

/* swiftype zoeken */
body section.st-ui-no-results .st-ui-type-heading, body div.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading { position: static !important; margin: auto !important; }
body .st-default-autocomplete { width: 250px !important; }
body .st-default-autocomplete .st-ui-result { padding: 10px 15px !important; }
body .st-default-autocomplete .st-ui-result:hover { background-color: #006bb0 !important; }
body .st-default-autocomplete .st-ui-result .st-ui-type-heading, body .st-default-autocomplete .st-ui-result .st-ui-type-heading em { font-size: 14px !important; color: #006bb0 !important; }
body .st-search-container { margin-top: 10px; }
body .st-search-container .st-search-summary { border-bottom: 1px solid #6A737E; }
body .st-search-container .st-ui-result { padding: 20px 0 !important; }
body .st-search-container .st-ui-result .st-ui-type-heading, body .st-search-container .st-ui-result .st-ui-type-heading em { font-family: "Roboto Condensed",sans-serif; font-size: 20px !important; color: #006bb0 !important; font-weight: normal; line-height: 1.1em; }
body .st-search-container .st-ui-result .st-ui-type-heading:hover, body .st-search-container .st-ui-result .st-ui-type-heading em:hover { color: #a2b741 !important; }
body .st-search-container .st-ui-result .st-ui-type-heading em { font-weight: bold; }
body .st-search-container .st-ui-result .st-ui-type-detail { max-height: none !important; color: #6A737E; font-family: 'open-sans', sans-serif; font-size: 14px; }
body .st-ui-container-footer_bar { margin-top: 10px; padding-top: 20px; border-top: 1px solid #b5b9bf; }
body .st-ui-container-footer_bar a { padding: 6px 12px; border: 1px solid #e1e3e5 !important; margin-left: -5px; color: #006bb0; }
body .st-ui-container-footer_bar a:hover { background-color: #006bb0; color: white; }
body .st-ui-container-footer_bar a.active { color: white !important; background-color: #006bb0; }

/* uitbreidingen social tov theme */
.youtube-bg { background-color: #CC181E; }

.linkedin-bg { background-color: #005479; }

/* kleuren */
h1 { text-transform: uppercase; }
h1 span { color: silver; }
h1 span.secure { padding-left: 20px; }
h1 span.secure:before { display: inline-block; width: 10px; height: 10px; content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M224 64c44.2 0 80 35.8 80 80v48H144V144c0-44.2 35.8-80 80-80zM80 144v48H64c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64H368V144C368 64.5 303.5 0 224 0S80 64.5 80 144zM256 320v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32s32 14.3 32 32z"/></svg>'); font-weight: 300; font-size: 16px; line-height: 28px; vertical-align: top; margin: 0 8px 0 -15px; }

h2 { color: black; font-size: 1.6em; }

h3 { font-size: 1.3em; }

a:hover { color: #a2b741; }

/* helper classes */
.clear { clear: both; }

.hidden, .alleenprinten { display: none; }

.klein { font-size: 0.9em; }

.overfl { overflow: auto; }

.ruim { margin: 3em 0; }

.subtiel { color: silver; }

.alarm { color: red; }

.well { border: none; box-shadow: none; border-radius: 4px; }

blockquote { font-size: 1em; border: none; }

.block-content ul li, ul.arrows li { margin: 8px; list-style: none; }
.block-content ul li:before, ul.arrows li:before { display: inline-block; width: 10px; height: 10px; content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>'); margin: 0 0 0 -18px; }

.esublayout { margin-bottom: 30px; }

/* forms */
form fieldset:only-of-type legend { display: none; }

/* table */
.table { width: 100%; }

body.authtables .table tr td:nth-child(1) { width: 40%; }

/* door de maintenance toegekend bij uitlijnen imgs. 
plaats desgewenst andere padding of borders. */
.imgmid { margin: 10px auto 10px auto; }
.imgmid img { width: 100%; }

.imglinks { float: left; margin: 0 20px 10px 0; }

.imgrechts { float: right; margin: 0 0 10px 10px; }

.imgcenter { text-align: center; }

.imgcontainer { position: relative; display: block; }
.imgcontainer em { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px 5px; font-size: 0.9em; background-color: rgba(255, 255, 255, 0.7); }

/* weergave iframes en video */
.video-container, .map-container { border: medium none; height: 0; margin: 0 0 15px; overflow: hidden; padding-bottom: 51%; padding-top: 30px; position: relative; }

.video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

iframe { border: medium none; }

/* uitz div zonder tussenruimte */
.row.no-gutter { margin-left: 0; margin-right: 0; }

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }

/* uitlijning elementen */
.mb0, .mb-0 { margin-bottom: 0px; }

.mb10, .mb-1 { margin-bottom: 10px; }

.mb20, .mb-2 { margin-bottom: 20px; }

.mb30, .mb-3 { margin-bottom: 30px; }

.mb40, .mb-4 { margin-bottom: 40px; }

.mb50, .mb-5 { margin-bottom: 50px; }

.mt0, .mt-0 { margin-top: 0px; }

.mt10, .mt-1 { margin-top: 10px; }

.mt20, .mt-2 { margin-top: 20px; }

.mt30, .mt-3 { margin-top: 30px; }

.mt40, .mt-4 { margin-top: 40px; }

.mt50, .mt-5 { margin-top: 50px; }

.mr0, .mr-0 { margin-right: 0px; }

.mr10, .mr-1 { margin-right: 10px; }

.mr20, .mr-2 { margin-right: 20px; }

.mr30, .mr-3 { margin-right: 30px; }

.mr40, .mr-4 { margin-right: 40px; }

.mr50, .mr-5 { margin-right: 50px; }

.ml0, .ml-0 { margin-left: 0px; }

.ml10, .ml-1 { margin-left: 10px; }

.ml20, .ml-2 { margin-left: 20px; }

.ml30, .ml-3 { margin-left: 30px; }

.ml40, .ml-4 { margin-left: 40px; }

.ml50, .ml-5 { margin-left: 50px; }

/* en voor het gemak ook nog wat padding */
.pb-0 { padding-bottom: 0px; }

.pb-1 { padding-bottom: 10px; }

.pb-2 { padding-bottom: 20px; }

.pb-3 { padding-bottom: 30px; }

.pb-4 { padding-bottom: 40px; }

.pb-5 { padding-bottom: 50px; }

.pt-0 { padding-top: 0px; }

.pt-1 { padding-top: 10px; }

.pt-2 { padding-top: 20px; }

.pt-3 { padding-top: 30px; }

.pt-4 { padding-top: 40px; }

.pt-5 { padding-top: 50px; }

.pr-0 { padding-right: 0px; }

.pr-1 { padding-right: 10px; }

.pr-2 { padding-right: 20px; }

.pr-3 { padding-right: 30px; }

.pr-4 { padding-right: 40px; }

.pr-5 { padding-right: 50px; }

.pl-0 { padding-left: 0px; }

.pl-1 { padding-left: 10px; }

.pl-2 { padding-left: 20px; }

.pl-3 { padding-left: 30px; }

.pl-4 { padding-left: 40px; }

.pl-5 { padding-left: 50px; }

/* module specifieke styling */
ol#conv-list li:first-child { border-bottom: 1px solid gainsboro; margin-bottom: 10px; padding-bottom: 10px; }

li.commentary-text { list-style-type: none; color: #0094ce; margin: 1em 0; }

li.commentary-text { background-color: #f0f1f2; padding: 20px; margin: 20px 0 !important; color: #000 !important; }

.states-listing .well { /* position: relative; */ }
.states-listing .well .firstletter { color: silver; font-family: "Times New Roman", Times, serif; font-size: 2em; float: right; margin: -10px 0 0 0; padding: 0; }

.panel-group-faq .panel-minimal .collapse.in { background-color: #e6f0f7; }
.panel-group-faq .panel-minimal .collapse.in .panel-body { padding: 20px; }

.blog .post-date-info { background: rgba(0, 107, 176, 0.8); }
.blog .post-date-info span { line-height: 1.1em; }
.blog .post-date-info .post-month { font-size: 20px; }
.blog .post-date-info .post-date { font-size: 24px; }
.blog .post-date-info .post-year { font-size: 14px; line-height: 1.4em; }

.blog.single .featured-image { margin: 0; }
.blog.single .featured-image img { margin: 0 20px 0 0; }
.blog hr { margin: 25px 0; }

/* Media-queries */
/* Large desktop */
@media (max-width: 1200px) { .hero-unit-slider #carousel-hero .carousel-inner img { width: 100%; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption { padding: 0; bottom: 0; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption h2 { font-size: 36px !important; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption .lead { font-size: 18px; }
  section#news .well { padding: 5px 10px !important; }
  #homenieuws.esublayout .container .btn-primary { line-height: 3.2em; font-size: 20px !important; height: 70px !important; }
  #homenieuws.esublayout .container .embed-responsive.embed-responsive-4by3 { padding-bottom: 65% !important; }
  .blog .post-date-info { width: 50px; position: relative; }
  .eventcountdown__event .inner { background-size: 90% auto !important; }
  .eventcountdown__event .inner .text-white { border-bottom: 3px solid #ed561f !important; padding: 30px 0 0; }
  .eventcountdown__countdown .inner { border-bottom: 3px solid #ed561f !important; }
  .eventcountdown__countdown .inner .countdown p span.getal { font-size: 2.4em; } }
/* Alle non-desktops */
@media (max-width: 992px) { #pag41 { background-size: 1600px !important; background-color: white  !important; background-position: center 400px !important; }
  #pag41 #logo { width: 100% !important; background-color: white; }
  #pag41 #logo .logoimg { float: left; padding-left: 20px; }
  #pag41 #content { overflow: auto; max-width: 100%; margin-top: 0vh !important; }
  #pag41 #content .english, #pag41 #content .francais, #pag41 #content .espanol { width: 90% !important; float: left; text-align: center !important; margin: 0 5% !important; }
  #pag41 #content .english .r1, #pag41 #content .francais .r1, #pag41 #content .espanol .r1 { font-size: 2em; }
  #pag41 #content .english .link, #pag41 #content .francais .link, #pag41 #content .espanol .link { margin: 0 0 30px; text-align: center !important; }
  #pag41 #content .english .link, #pag41 #content .espanol .link { text-align: right; }
  #pag41 #content .english .link a:before, #pag41 #content .espanol .link a:before { display: none !important; }
  #pag41 #content .english .link a:after, #pag41 #content .espanol .link a:after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(../img/pijl_R1.png) no-repeat top left; margin-left: 10px; }
  .container > .navbar-header { margin-top: 50px; }
  .navbar .topbar { text-align: right; top: 5px; position: relative; right: 100px; }
  .navbar .topbar .searchbox { display: inline-block; }
  .navbar .navbar-toggle { background-color: #006bb0; margin-right: 25px; top: -40px; }
  .navbar .navbar-collapse { max-height: 100%; }
  .navbar .navbar-nav { border-bottom: 5px solid #006bb0; margin: 0; background-color: #e6f0f7; }
  .navbar .navbar-nav li { border-bottom: 1px solid #ccc; }
  .navbar .navbar-nav li:hover { background-color: rgba(0, 107, 176, 0.1); }
  .navbar .navbar-nav li.open:hover { background-color: white; }
  .navbar .navbar-nav li a { line-height: 28px; font-size: 18px; color: #006bb0; }
  .navbar .navbar-nav li ul.taallinks { border-top: 3px solid #006bb0 !important; list-style: none; background-color: #cce1ef !important; padding: 0; overflow: auto; }
  .navbar .navbar-nav li ul.taallinks li { padding: 8px 15px; width: 33%; float: left; border-bottom: 1px solid #b5b9bf; }
  .navbar .navbar-nav li ul.taallinks li a { font-size: 16px; }
  .navbar .navbar-nav li ul.taallinks li.zoekbtn, .navbar .navbar-nav li ul.taallinks li.zoekbtn .searchbox { width: 100%; }
  .navbar .navbar-nav li ul li { border: none; }
  .navbar .navbar-nav li ul li a { color: #006bb0 !important; line-height: 28px !important; }
  #crumbs { display: none; }
  .page-content { margin: 20px 0; }
  .blog .post-date-info { float: left; margin: 0 10px 10px 0; }
  section#news .news-item { background-repeat: no-repeat !important; background-size: cover !important; margin-bottom: 20px; height: 80px !important; }
  section#news .news-item .well { height: 80px; }
  section#news .news-item img { height: 80px !important; }
  section#news .well { border-radius: 0; padding: 10px; height: 200px; line-height: 1.3em; }
  section#news .well a { display: inline-block; width: 100%; height: 100%; }
  section#news .well .inner { background: rgba(255, 255, 255, 0.8); }
  section#news .well.all-news { height: 75px !important; }
  section#news .well.all-news p { line-height: 3em !important; }
  #homenieuws.esublayout .container .btn-primary { line-height: 1.8em; font-size: 20px !important; height: auto !important; }
  #homenieuws.esublayout .container .embed-responsive.embed-responsive-4by3 { padding-bottom: 55% !important; }
  .eventcountdown__event { padding: 0; }
  .eventcountdown__event .row { margin: 0 -15px; }
  .eventcountdown__event .inner { margin-bottom: 20px; background-size: 65% auto !important; padding: 0 15px; }
  .eventcountdown__event .inner .text-midden { padding-left: 15px !important; }
  .eventcountdown__event .inner .text-white { height: 200px !important; border-bottom: 2px solid #ed561f; font-size: 14px !important; }
  .eventcountdown__event .inner h2 { text-align: center; }
  .eventcountdown__countdown { padding: 0; }
  .eventcountdown__countdown .inner { height: auto !important; padding: 20px 15px !important; }
  .eventcountdown__countdown .inner p { padding: 0; margin: 0; } }
/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) { #pag41 { background-size: 1000px !important; background-color: white  !important; background-position: center 400px !important; }
  #pag41 #logo { width: 100% !important; background-color: white; }
  #pag41 #logo .logoimg { float: left; padding-left: 20px; }
  #pag41 #content { overflow: auto; max-width: 100%; margin-top: 0vh !important; }
  #pag41 #content .english, #pag41 #content .francais, #pag41 #content .espanol { width: 90% !important; float: left; text-align: center !important; margin: 0 5% !important; }
  #pag41 #content .english .r1, #pag41 #content .francais .r1, #pag41 #content .espanol .r1 { font-size: 2em; }
  #pag41 #content .english .link, #pag41 #content .francais .link, #pag41 #content .espanol .link { margin: 0 0 30px; text-align: center !important; }
  #pag41 #content .english .link, #pag41 #content .espanol .link { text-align: right; }
  #pag41 #content .english .link a:before, #pag41 #content .espanol .link a:before { display: none !important; }
  #pag41 #content .english .link a:after, #pag41 #content .espanol .link a:after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(../img/pijl_R1.png) no-repeat top left; margin-left: 10px; }
  .navbar-default { height: 90px; }
  .navbar-brand.navbar-logo-bigger > img { width: 120px; }
  .hero-unit-slider { margin-top: -5px; }
  .hero-unit-slider #carousel-hero { margin: 0 0 10px; }
  .hero-unit-slider #carousel-hero .carousel-inner { background-color: #002a5a; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption { position: relative; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption h2 { font-size: 28px !important; color: white; text-align: right; margin: 10px 0 5px; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption .lead { margin-bottom: 0; font-size: 14px; color: white; text-align: center; }
  section#news .news-item img { height: 80px !important; width: auto; }
  section#news .well.all-news.news-item { height: 40px !important; }
  section#news .well.all-news.news-item p { line-height: 1.4em !important; padding: 0; }
  .eventcountdown__event .inner { margin-bottom: 20px; background: none !important; }
  .eventcountdown__event .inner .row { margin: 0; }
  .eventcountdown__event .inner .text-midden { height: auto; min-height: 175px; border: none; background: url("https://assets.hcch.net/images/original/7221d2d6-d89b-48b1-9cc7-60d108440728.png") no-repeat left bottom; background-size: 50% auto !important; padding-left: 40% !important; }
  .eventcountdown__event .inner .text-white { height: 175px !important; border-bottom: 2px solid #ed561f; font-size: 14px !important; }
  .eventcountdown__countdown { padding: 0 15px; }
  .eventcountdown__countdown .inner { height: auto !important; padding: 20px 15px !important; }
  .eventcountdown__countdown .inner p { padding: 0; margin: 0; } }
/* Landscape phones and down */
@media (max-width: 480px) { .hero-unit-slider #carousel-hero { margin: 0 0 10px; }
  .hero-unit-slider #carousel-hero .carousel-inner { background-color: #002a5a; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption { padding-bottom: 5px !important; position: relative; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption h2 { font-size: 22px !important; color: white; text-align: center; line-height: 1em; margin: 10px 0 5px; }
  .hero-unit-slider #carousel-hero .carousel-inner .carousel-caption .lead { font-size: 14px; line-height: 1.2em; color: white; text-align: center; text-shadow: none; }
  section#news .news-item { height: 100px !important; background-color: #e6f0f7; }
  section#news .news-item .well { height: 100px; }
  section#news .news-item img { height: auto !important; width: 100px  !important; }
  section#news .well { border-radius: 0; padding: 10px; height: 100px; line-height: 1.3em; }
  section#news .well a { display: inline-block; width: 100%; height: 100%; }
  section#news .well .all-news { height: 100px !important; line-height: 80px; }
  .eventcountdown__event .inner .text-midden { min-height: 200px; background-size: 50% auto !important; padding-left: 0 !important; }
  .eventcountdown__event .inner .text-midden h2 { font-size: 24px; }
  .eventcountdown__event .inner .text-white { padding: 10px !important; height: auto !important; } }
/* Styles voor printen */
@media print { /* #menu, #header, header, #crumbs, .nav, .navbar,  #footer, footer, #sidebar, a.verborgen, .dummy, .meta, .noprint 	{display: none; visibility: collapse;} #content, .printonly 	{border: none; width: 100%; margin: auto;} .alleenprinten	{display: block;}  a	{color: black; text-decoration: none;}  th	{text-align: left;}  .links	{float: left;} .rechts	{float: right;}  .imglinks	{float: left; margin: 0 10px 10px 0;} .imgrechts	{float: right; margin: 0 0 10px 10px;}  a[href]:after, abbr[title]:after {content: "";} .tab-content > .tab-pane, .pill-content > .pill-pane 	{display: block;} */
  a[href]:after, abbr[title]:after { content: ""; }
  .tab-content > .tab-pane { display: block !important; opacity: 1 !important; visibility: visible !important; }
  .commentary-link { display: none; } }